import { Carousel, Statistic, Icon } from 'antd';

class HeaderCarousel extends React.Component {
  render() {
    return (
      <div>
        <Carousel autoplay dotPosition={'right'} dots={false}>
          <div>
            <span
              // className="icon iconfont icon-population"
              style={{ fontSize: 18, marginLeft: 20, width: 250, float: 'right', color: '#c0c0c0' }}
            >
              总面积&nbsp;
              <span style={{ fontSize: 25, fontWeight: 'bold', color: '#00feff' }}>
                {'1141 '}
              </span>
              &nbsp;
              {'平方公里'}
            </span>

          </div>
          <div>
            <span style={{ fontSize: 18, marginLeft: 20, width: 250, float: 'right', color: '#c0c0c0' }}>
            岸线长度&nbsp;
              <span style={{ fontSize: 25, fontWeight: 'bold', color: '#00feff' }}>
                {'206.6'}
              </span>
              &nbsp;{'公里'}
            </span>
          </div>
        </Carousel>
      </div>
    );
  }
}

export default HeaderCarousel;
